import 'package:flutter/material.dart';

class BasicDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
          image: DecorationImage(
              image: NetworkImage(
                  'https://img0.baidu.com/it/u=3677204682,3699430095&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'),
              alignment: Alignment.topCenter,
              fit: BoxFit.cover,
              colorFilter: ColorFilter.mode(
                  Color.fromARGB(255, 83, 149, 254).withOpacity(0.5),
                  BlendMode.hardLight))),
      // color: Colors.grey[100], //背景色 decoration二选一
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            child: Icon(Icons.pool, size: 32.0, color: Colors.white),
            padding: const EdgeInsets.all(16.0),
            margin: const EdgeInsets.all(8.0),
            width: 90.0,
            height: 90.0,
            decoration: BoxDecoration(
                color: const Color.fromRGBO(3, 54, 255, 1.0),
                border: Border.all(
                    color: const Color.fromARGB(255, 160, 173, 247),
                    width: 3.0,
                    style: BorderStyle.solid),
                // borderRadius: BorderRadius.circular(16.0),
                boxShadow: const [
                  BoxShadow(
                      offset: Offset(0.0, 16.0),
                      color: Color.fromRGBO(16, 20, 188, 1.0),
                      blurRadius: 25.0,
                      spreadRadius: -9.0)
                ],
                shape: BoxShape.circle, //圆形 跟borderRadius 二选一
                gradient: const LinearGradient(//渐变
                    colors: [
                  Color.fromRGBO(7, 102, 255, 1.0),
                  Color.fromRGBO(3, 28, 128, 1.0),
                ])),
          )
        ],
      ),
    );
  }
}
